<template>
  <div class="submit-success-page">
    <div class="submit-success-page__title">
      <img src="@image/submitsuccesspage-logo.png"
           alt="">
      <span> 注册成功！</span>
    </div>
    <div class="submit-success-page__content">
      <span>还需认证才能购买商品哦～</span>
    </div>
    <div class="submit-success-page__footer">
      <button class="btn__n1-outline"
              @click="toHome">我先逛逛</button>
      <button class="btn__n1"
              @click="toRenzheng">继续认证</button>
    </div>
  </div>

</template>
<style lang="stylus" scoped>
.submit-success-page {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .submit-success-page__title {
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 50px;
      height: 50px;
    }

    span {
      margin-left: 9px;
      font-size: 32px;
      color: RGBA(174, 42, 38, 1);
      text-align: center;
    }
  }

  .submit-success-page__content {
    margin-top: 43px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    span {
      font-size: 32px;
      color: #2c2c2c;
      text-align: center;
    }
  }

  .submit-success-page__footer {
    width: 100%;
    margin-top: 44px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;

    button {
      width: 210px;
      height: 73px;
    }
  }
}
</style>
<script>
import mixins from '@/mixins'
export default {
  name: 'submit-success-page',
  mixins: [mixins],
  data () {
    return {}
  },
  mounted () {
    // this.wxShare()
  },
  watch: {},
  methods: {
    toHome () {
      this.$router.push({ name: 'home' })
    },
    toRenzheng () {
      this.$router.push({ name: 'registerdetailinfo' })
    }
  }
}
</script>
